<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title>雷谛科技ERP&OA管理系统-物品管理</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="css/images/favicon.png">
<link href="js/plugins/chosen/chosen/chosen.css" rel="stylesheet">
<!-- Le styles -->
<link href="css/twitter/bootstrap.css" rel="stylesheet">
<link href="css/base.css" rel="stylesheet">
<link href="css/extra.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<link href="css/jquery-ui-1.8.23.custom.css" rel="stylesheet">
<script src="js/plugins/modernizr.custom.32549.js"></script>
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
      <![endif]-->
</head>
<body>
<div id="loading">
  <img src="img/ajax-loader.gif">
</div>
<div id="responsive_part">
    <div class="logo">
      <a href="index.html"></a>
    </div>
    <ul class="nav responsive">
      <li>
      <btn class="btn btn-la1rge btn-i1nfo responsive_menu icon_item" data-toggle="collapse" data-target="#sidebar">
       <i class="icon-reorder"></i>
      </btn>
      </li>
    </ul>
</div> <!-- 加载效果 -->

<!-- 左侧栏开始 -->
<div id="sidebar" class="collapse">
  <div class="logo">
    <a href="index.html"></a>
  </div>
  <ul id="sidebar_menu" class="navbar nav nav-list sidebar_box">
    <li>
    <a class="dashboard"data-parent="#sidebar_menu" href="index.html">
      <img src="img/menu_icons/dashboard.png">首页</a>
    </li>

    <li class="accordion-group active">
    <a class="accordion-toggle widgets collapsed" data-toggle="collapse" data-parent="#sidebar_menu" href="#collapse5">
    <img src="img/menu_icons/res.png">物品管理</a>
    <ul id="collapse5" class="accordion-body collapse in">
      <li class="active"><a href="res_index.html"><i class="fa fa-exchange"></i> 出入库处理</a></li>
      <li><a href="res_store.html"><i class="fa fa-barcode"></i> 仓库物品管理</a></li>
    </ul>
    </li>
    <li>
    <a href="finance_index.html">
    <img src="img/menu_icons/finance.png">财务收支</a>    
    </li>  
    <li>
    <a href="rights_index.html">
    <img src="img/menu_icons/rights.png">权限审批</a>    
    </li>  
    <li>
    <a href="payback_index.html">
    <img src="img/menu_icons/payback.png">经营往来</a>    
    </li>  
    <li>
    <a href="chart_index.html">
    <img src="img/menu_icons/statistics.png">报表中心</a>    
    </li>  
    <li>
    <a href="notice_index.html">
    <img src="img/menu_icons/widgets.png">公告通知</a>    
    </li>  
    <li>
    <a href="set_index.html">
    <img src="img/menu_icons/customer.png">系统设置</a>    
    </li>  
  </ul>
</div>
<!-- 左侧栏结束 -->


<div id="main">
  <!-- 主体开始 -->
  <div class="container">

    <!-- 顶部条开始 -->    
    <div class="container_top">
      <div class="row-fluid ">
        <div class="top_bar_stats to_hide_tablet">
          <div class="stats">
            <span class="title">欢迎进入:</span> 雷谛科技ERP&OA管理系统 
          </div>
        </div>
        
       <div class="top_right">

        <ul class="nav nav_menu">
    
      <li class="dropdown">
      <a class="dropdown-toggle administrator" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="/page.html">
      <span class="icon"><img src="img/menu_top/profile-avatar.png"></span><span class="title">管理员</span></a>
      <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
       <!--  <li><a href="#"><i class=" icon-user"></i> My Profile</a></li> -->
        <!-- <li><a href="#"><i class=" icon-cog"></i>Settings</a></li> -->
        <li><a href="#"><i class=" icon-unlock"></i>退出</a></li>
        <!-- <li><a href="#"><i class=" icon-flag"></i>Help</a></li> -->
      </ul>
      </li>
      <li class="dropdown">
      <a id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="/page.html">
      <span class="icon"><img src="img/menu_top/profile-qrcode.png"></span><span class="title">微信提醒</span>
      </a>
      <ul class="dropdown-menu messages" aria-labelledby="dLabel">
        <div class="container">
          <div class="heading">
            <span class="title"><i class="icon-qrcode"></i>绑定微信二维码</span>
          </div>
          <div>
           <img src="img/qrcode_staff.jpg" />
          </div>

        </div>
      </ul>
      </li>
        </ul>
       </div> <!-- 顶部条-用户信息结束 -->

        <div class="span4">
        </div>
      </div>
    </div>
    <!-- 顶部条结束 -->

    <!-- 内容区域开始 -->
    <div id="container2">
      <div class="row-fluid ">
        <div class="span12 box gradient ">
          <div class="title">
          <div class="row-fluid">
          <h3 style="padding-bottom:5px;">
            <div class="tools">
              <a class="btn" href="javascript:history.go(-1)" >
              <i class="fa fa-hand-o-left"></i>返回
              </a>
            </div>
            <i class="fa  fa-list-ol"></i> 物品目录管理

          </h3>
          </div>
          </div><!-- End .title -->
        <div class="content">
          <ul id="tabExample1" class="nav nav-tabs">
            <li class="active"><a href="#partner0" data-toggle="tab">产品</a></li>
            <li><a href="#partner1" data-toggle="tab">滤芯</a></li>
            <li><a href="#partner2" data-toggle="tab">配件</a></li>
            <li><a href="#partner3" data-toggle="tab">物料</a></li>
            <li><a href="#partner4" data-toggle="tab">办公资产</a></li>
            <li><a href="#partner5" data-toggle="tab">渠道资产</a></li>
            <li><a href="#partner6" data-toggle="tab">推广资产</a></li>
            <li><a href="#partner7" data-toggle="tab">某新建的目录</a></li>
            <li><a href="#add-type" data-toggle="modal" data-target="#add-type"><i class="fa fa-plus-square"></i>新增目录</a></li>
          </ul>
          <div class="tab-content" id="staff_list">
            <div class="tab-pane fade in active" id="partner0">
            <table id="datatable_in" class="responsive table table-striped table-bordered" style="width:100%;margin-bottom:0; ">
              <thead>
               <tr>
                 <th width="60">
                   编码
                 </th>
                 <th>
                   名称
                  </th>
                  <th>
                    规格型号
                  </th>
                  <th width="80">
                    单价
                  </th>
                  <th width="80">
                    单位
                  </th>
                  <th width="100">
                   包装数量
                  </th>
                 <th width="100">
                   包装尺寸
                 </th>
                 <th width="100">
                   包装重量
                  </th>
                 <th width="100">
                   更新日期
                  </th>
                 <th width="80">
                   经办人
                 </th>
                 <th width="120">
                    操作
                 </th>
               </tr>
              </thead>
              <tbody>
               <tr>
                  <td>
                    1
                  </td>
                  <td>
                   RO-6主机
                  </td>
                 <td>
                    RO-6
                  </td>
                  <td>
                    800
                 </td>
                 <td>
                    台
                 </td>
                 <td>
                    1
                 </td>
                  <td>
                   1M*1M*1M 
                  </td>
                 <td>
                   19KG
                 </td>
                 <td>
                   2015.5.14
                 </td>
                 <td>
                   王智辉
                 </td>
                 <td>
                    <div class="btn-group1">
                      <a class="btn" rel="tooltip" data-placement="left" data-original-title="修改" data-toggle="modal" data-target="#edit-catalog"><i class="fa fa-edit"></i></a>
                     <a class="btn" rel="tooltip" data-placement="left" data-original-title="删除" data-toggle="modal" data-target="#confirm_alert"><i class="fa fa-trash"></i></a>
                   </div>
                 </td>
               </tr>

               </tbody>
            </table>
                <div class="row-fluid control-group">
                 <div class="pull-left span6" action="#">
                    <a data-toggle="modal" data-target="#add-catalog" class="btn">
                      <i class="fa fa-plus"></i> 新增一条
                    </a>
                  </div>
                 <div class="span6">
                    <div class="pagination pull-right ">
                      <ul>
                       <li><a href="#">上一页</a></li>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">下一页</a></li>
                      </ul>
                    </div>
                  </div>
                </div>
                <br/>
               <!-- End row-fluid -->
            </div>
            <div class="tab-pane fade" id="partner1">
              <div class="empty">
                <p class="oops">OOPS!本目录没有物品条目</p>
                <a class="btn btn-large btn-block btn-primary" data-toggle="modal" data-target="#add-catalog"><i class="fa fa-plus"></i> 创建第一个条目</a>
                <!-- 系统目录不可删除 -->
              </div>
            </div>
            <div class="tab-pane fade" id="partner2">
              <div class="empty">
                <p class="oops">OOPS!本目录没有物品条目</p>
                <a class="btn btn-large btn-block btn-primary" data-toggle="modal" data-target="#add-catalog"><i class="fa fa-plus"></i> 创建第一个条目</a>
                <!-- 系统目录不可删除 -->
              </div>
            </div>
            <div class="tab-pane fade" id="partner3">
              <div class="empty">
                <p class="oops">OOPS!本目录没有物品条目</p>
                <a class="btn btn-large btn-block btn-primary" data-toggle="modal" data-target="#add-catalog"><i class="fa fa-plus"></i> 创建第一个条目</a>
                <!-- 系统目录不可删除 -->
              </div>
            </div>
            <div class="tab-pane fade" id="partner4">
              <div class="empty">
                <p class="oops">OOPS!本目录没有物品条目</p>
                <a class="btn btn-large btn-block btn-primary" data-toggle="modal" data-target="#add-catalog"><i class="fa fa-plus"></i> 创建第一个条目</a>
                <!-- 系统目录不可删除 -->
              </div>
            </div>
            <div class="tab-pane fade" id="partner5">
              <div class="empty">
                <p class="oops">OOPS!本目录没有物品条目</p>
                <a class="btn btn-large btn-block btn-primary" data-toggle="modal" data-target="#add-catalog"><i class="fa fa-plus"></i> 创建第一个条目</a>
                <!-- 系统目录不可删除 -->
              </div>
            </div>
            <div class="tab-pane fade" id="partner6">
              <div class="empty">
                <p class="oops">OOPS!本目录没有物品条目</p>
                <a class="btn btn-large btn-block btn-primary" data-toggle="modal" data-target="#add-catalog"><i class="fa fa-plus"></i> 创建第一个条目</a>
                <!-- 系统目录不可删除 -->
              </div>
            </div>
            <div class="tab-pane fade" id="partner7">
              <div class="empty">
                <p class="oops">OOPS!本目录没有物品条目</p>
                <a class="btn btn-large btn-block btn-primary" data-toggle="modal" data-target="#add-catalog"><i class="fa fa-plus"></i> 创建第一个条目</a>
                <a class="btn btn-large btn-block"  data-toggle="modal" data-target="#confirm_alert"><i class="fa fa-trash"></i> 删除本物品目录</a>
              </div>
            </div>
          </div>
        </div> <!-- End .content -->
        </div>
        <!-- End box -->
      </div>



    </div>
    <!-- 内容区域结束 -->

  </div>
  <!-- 主体结束 -->
  <!-- 底部开始 -->
  <div id="footer">
    <p>
      Powered by 遨云网
    </p>
    <span class="company_logo"><a href="http://www.o2bang.com"></a></span>
  </div>
  <!-- 底部结束 -->
</div>
<!-- /container -->



<div id="edit-catalog" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 class="modal-title" id="myModalLabel">编辑物品条目</h3>
      </div>
      <div class="modal-body">

            <form class="form-horizontal" action="#">
              <div class="form-row control-group row-fluid">
                <label class="control-label span3" for="default-textarea">物品名称</label>
                <div class="controls span7">
                <input type="text" id="type-name" class="row-fluid" placeholder="必填" value="RO-6主机">
                </div>
              </div>
              <div class="form-row control-group row-fluid">
                <label class="control-label span3" for="default-textarea">采购单价</label>
                <div class="controls span7 input-prepend row-fluid">
                    <span class="add-on prepend "><i class="fa fa-cny"></i></span>
                    <input class="row-fluid" id="combined-input" size="16" type="text" placeholder="必填"  value="800">
                </div>
              </div>
              <div class="form-row control-group row-fluid">
                <label class="control-label span3" for="default-textarea">基本单位</label>
                <div class="controls span7 ">
                    <input class="row-fluid" id="combined-input" size="16" type="text" placeholder="必填"  value="台">
                </div>
              </div>
              <div class="form-row control-group row-fluid">
                <label class="control-label span3" for="default-textarea">规格参数</label>
                <div class="controls span7">
                <input type="text" id="type-name" class="row-fluid">
                </div>
              </div>
              <div class="form-row control-group row-fluid">
                <label class="control-label span3" for="default-textarea">包装数量</label>
                <div class="controls span7 input-append row-fluid">
                    <input class="row-fluid prepend" id="combined-input" size="16" type="text">
                    <span class="add-on ">/件</span>
                </div>
              </div>
              <div class="form-row control-group row-fluid">
                <label class="control-label span3" for="default-textarea">包装尺寸</label>
                <div class="controls span7">
                <input type="text" id="type-name" class="row-fluid">
                </div>
              </div>
              <div class="form-row control-group row-fluid">
                <label class="control-label span3" for="default-textarea">包装重量</label>
                <div class="controls span7 input-append row-fluid">
                    <input class="row-fluid" id="combined-input" size="16" type="text">
                    <span class="add-on ">KG</span>
                </div>
              </div>
            </form>

        
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary"><i class="fa fa-save"></i> 保存</button>
      </div>
    </div>
  </div>
</div>

<div id="add-catalog" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 class="modal-title" id="myModalLabel">创建物品条目</h3>
      </div>
      <div class="modal-body">

            <form class="form-horizontal" action="#">
              <div class="form-row control-group row-fluid">
                <label class="control-label span3" for="default-textarea">物品名称</label>
                <div class="controls span7">
                <input type="text" id="type-name" class="row-fluid" placeholder="必填">
                </div>
              </div>
              <div class="form-row control-group row-fluid">
                <label class="control-label span3" for="default-textarea">采购单价</label>
                <div class="controls span7 input-prepend row-fluid">
                    <span class="add-on prepend "><i class="fa fa-cny"></i></span>
                    <input class="row-fluid" id="combined-input" size="16" type="text" placeholder="必填">
                </div>
              </div>
              <div class="form-row control-group row-fluid">
                <label class="control-label span3" for="default-textarea">基本单位</label>
                <div class="controls span7 ">
                    <input class="row-fluid" id="combined-input" size="16" type="text" placeholder="必填"  value="">
                </div>
              </div>              
              <div class="form-row control-group row-fluid">
                <label class="control-label span3" for="default-textarea">规格参数</label>
                <div class="controls span7">
                <input type="text" id="type-name" class="row-fluid">
                </div>
              </div>
              <div class="form-row control-group row-fluid">
                <label class="control-label span3" for="default-textarea">包装数量</label>
                <div class="controls span7 input-append row-fluid">
                    <input class="row-fluid prepend" id="combined-input" size="16" type="text">
                    <span class="add-on ">/件</span>
                </div>
              </div>
              <div class="form-row control-group row-fluid">
                <label class="control-label span3" for="default-textarea">包装尺寸</label>
                <div class="controls span7">
                <input type="text" id="type-name" class="row-fluid">
                </div>
              </div>
              <div class="form-row control-group row-fluid">
                <label class="control-label span3" for="default-textarea">包装重量</label>
                <div class="controls span7 input-append row-fluid">
                    <input class="row-fluid" id="combined-input" size="16" type="text">
                    <span class="add-on ">KG</span>
                </div>
              </div>
            </form>

        
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary"><i class="fa fa-plus"></i> 提交</button>
      </div>
    </div>
  </div>
</div>


<div id="add-type" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 class="modal-title" id="myModalLabel">创建目录</h3>
      </div>
      <div class="modal-body">

            <form class="form-horizontal" action="#">
              <div class="form-row control-group row-fluid">
                <label class="control-label span3" for="default-textarea">目录名称</label>
                <div class="controls span7">
                <input type="text" id="type-name" class="row-fluid">
                <br/>&nbsp
                </div>
              </div>
            </form>

        
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary"><i class="fa fa-plus"></i> 提交</button>
      </div>
    </div>
  </div>
</div>


<div id="confirm_alert" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 class="modal-title" id="myModalLabel">确定本次操作吗？</h3>
      </div>
      <div class="modal-body">
        <i class=" fa fa-warning red pull-left fs_24"></i> 

        <p>一旦【确定】，本次操作不可撤销。</p>
        
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary"><i class="fa fa-trash"></i> 确定删除</button>
      </div>
    </div>
  </div>
</div>
<!-- Le javascript
    ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/jquery.sparkline.min.js"></script>
<script src="js/plugins/excanvas.compiled.js"></script>
<script src="js/bootstrap-transition.js"></script>
<script src="js/bootstrap-alert.js"></script>
<script src="js/bootstrap-modal.js"></script>
<script src="js/bootstrap-dropdown.js"></script>
<script src="js/bootstrap-scrollspy.js"></script>
<script src="js/bootstrap-tab.js"></script>
<script src="js/bootstrap-tooltip.js"></script>
<script src="js/bootstrap-popover.js"></script>
<script src="js/bootstrap-button.js"></script>
<script src="js/bootstrap-collapse.js"></script>
<script src="js/bootstrap-carousel.js"></script>
<script src="js/bootstrap-typeahead.js"></script>
<script src="js/fileinput.jquery.js"></script>
<script src="js/jquery-ui-1.8.23.custom.min.js"></script>
<script src="js/jquery.touchdown.js"></script>

<script language="javascript" type="text/javascript" src="js/plugins/jquery.peity.min.js"></script> 
<script language="javascript" type="text/javascript" src="js/plugins/jquery.uniform.min.js"></script>
<script language="javascript" type="text/javascript" src="js/plugins/chosen/chosen/chosen.jquery.min.js"></script>

<script language="javascript" type="text/javascript" src="js/plugins/flot/jquery.flot.js"></script>



<script src="js/scripts.js"></script>
<script language="javascript" type="text/javascript" src="js/jnavigate.jquery.min.js"></script>
<script type='text/javascript'>
    $(window).load(function() {
     $('#loading').fadeOut();
    });
      $(document).ready(function() {
      $('body').css('display', 'none');
      $('body').fadeIn(500);


      $("#logo a, #sidebar_menu a:not(.accordion-toggle), a.ajx").click(function() {
      event.preventDefault();
      newLocation = this.href;
      $('body').fadeOut(500, newpage);
      });
      function newpage() {
      window.location = newLocation;
      }

    });
    </script>



</body>
</html>